<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<html>
<head>
    <base href="<%=basePath%>">
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"/>
    <title>日报表</title>
    <link rel="stylesheet" type="text/css" href="<%=basePath%>static/js/lib/bootstrap/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="<%=basePath%>static/js/lib/bootstrap/bootstrap-theme.min.css">
    <link rel="stylesheet" href="//cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css">
    <link rel="stylesheet" type="text/css"
          href="<%=basePath%>static/js/lib/bootstrap/bootstrap-datetimepicker.min.css">
    <link href="<%=basePath%>static/plugins/bui/css/bs3/bui.css" rel="stylesheet">

    <link rel="stylesheet" type="text/css" href="<%=basePath%>static/css/base.css">
    <link rel="stylesheet" type="text/css" href="<%=basePath%>static/css/module.css">
    <link rel="stylesheet" type="text/css" href="<%=basePath%>static/css/reset.css">
    <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_292831_wh5c8739uc95dn29.css">
    <style>
        .grid-td-col2{
            width:24.05%!important;
        }
    </style>
</head>
<body>
<div class="wrap">
    <!-- 头部页面 -->
    <header>
        <div class="container">
            <div class="logo">
                <img src="<%=basePath%>/static/images/logo.png">

                <div class="title">
                    <h1>莆田市供水调度系统</h1>


                </div>
            </div>
            <div class="state-message">
                <div class="nav">
                    <ul class="nav-ul">
                        <li class="nav-li"><a href="<%=basePath%>rest/web/index/toIndexList">实时监控</a></li>
                        <li class="nav-li"><a href="<%=basePath%>rest/web/eventInfo/toEventInfoList">事件管理</a></li>
                        <li class="nav-li"><a href="<%=basePath%>rest/web/danger/toDangerList">危险管控</a></li>
                        <li class="nav-li"><a href="<%=basePath%>rest/web/locationLog/toLocationLogList">人员调度</a></li>
                        <li class="nav-li"><a class="active">报表统计</a></li>
                        <li class="nav-li"><a href="<%=basePath%>rest/web/architecture/toArchitectureList">设施分布</a></li>
                        <li class="nav-li dropdown clearfix composite-li">
                            <a id="compositeMenuDivider" data-toggle="dropdown" aria-haspopup="true"
                               aria-expanded="true">信息管理</a>
                            <ul class="composite-menu  dropdown-menu" aria-labelledby="compositeMenuDivider">
                                <li><a href="<%=basePath%>rest/web/information/toInformationList"
                                       class="composite-active">新增设施</a></li>
                                <li><a href="<%=basePath%>rest/web/dtu/toDtuList">DTU管理</a></li>
                                <li><a href="<%=basePath%>rest/web/device/toDeviceList">传感管理</a></li>
                            </ul>
                        </li>
                        <li class="nav-li"><a href="<%=basePath%>rest/web/sysuser/toSysuserList">用户管理</a></li>
                        <li class="nav-li"><a href="<%=basePath%>rest/web/about/toAbout">关于我们</a></li>
                    </ul>
                </div>
                <div class="user-message">
                    <div class="dropdown clearfix">
                        <p type="button" id="dropdownMenuDivider" data-toggle="dropdown" aria-haspopup="true"
                           aria-expanded="true">
                            ${sysuser.nickName}
                            <span class="skuiwu-caret caret"></span>
                        </p>
                        <ul class="skuiwu-menu  dropdown-menu" aria-labelledby="dropdownMenuDivider">
                            <li><a href="<%=basePath%>rest/web/sysuser/toPersonal">个人中心</a></li>
                            <li><a href="<%=basePath%>rest/web/toLoginOut">退出登录</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!--内容页面 -->
    <div class="user-content content">
        <div class="container">
            <form id="searchForm" class="form-panel" action="${basepath}/rest/web/flowDailyReport/selectFlowDailyReportPage">
                <div class="add-user">
                    <div class="reportsBtn dropdown clearfix">
                        <button class="btn" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true"
                                aria-expanded="true">报表选择
                        </button>
                        <ul class="skuiwu-menu  dropdown-menu" aria-labelledby="dropdownMenu1">
                            <li><a href="<%=basePath%>rest/web/flowDailyReport/toRealTime">实时监控</a></li>
                            <li><a href="<%=basePath%>rest/web/flowDailyReport/toTimeReports">时段报表</a></li>
                            <li><a href="<%=basePath%>rest/web/flowDailyReport/toDayReports">日报表</a></li>
                            <li><a href="<%=basePath%>rest/web/flowDailyReport/toMonthReports">月报表</a></li>
                            <li><a href="<%=basePath%>rest/web/flowDailyReport/toVolumeYearReports">水量年报表</a></li>
                            <li><a href="<%=basePath%>rest/web/flowDailyReport/toFeeYearReports">水费年报表</a></li>
                            <li><a href="<%=basePath%>rest/web/flowDailyReport/toDayReportsChart">日报表图</a></li>
                            <li><a href="<%=basePath%>rest/web/flowDailyReport/toMonthReportsChart">月报表图</a></li>
                            <li><a href="<%=basePath%>rest/web/flowDailyReport/toHistoryReports">历史查询</a></li>
                        </ul>
                    </div>
                    <div class="timeQuery">
                        <label>时间查询</label>
                        <input  class="dateBtn"  type="text" name="createTime" onclick="showIcon()"/>
                        <div class="add-btn">
                            <button class="btn" type="submit" id="queryBtn" >查询</button>
                            <input type="hidden" id="getDate" />
                        </div>
                    </div>
                    <h4 style="position: absolute;top:80px;left: 60%;line-height: 34px;font-size: 16px;font-weight: bold;letter-spacing: 2px;">日报表</h4>
                    <div class="add-btn" >
                        <a  class="outBtn btn" onclick="exportData()">导出</a>
                    </div>
                    <div class="printBtn add-btn">
                        <a  class="outBtn btn" onclick="doDayPrint()">打印</a>
                    </div>
                </div>
            </form>

            <div class="table-responsive" >
                <div id="grid"></div>
            </div>

        </div>
    </div>
</div>
<div class="day-grid">

</div>
<!-- data-backdrop="false"去除遮罩层  -->
<div class="modal fade bd-example-modal-sm"  id="myModal" role="dialog" data-backdrop="false"  aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content" style="height:100px; line-height: 90px; width: 250px;">
            <p class="text-center mb-0">
                <i class="fa fa-info-circle text-info mr-1" aria-hidden="true"></i>
                该角色无法访问该模块!
            </p>
        </div>
    </div>
</div>
<script type="text/javascript" src="<%=basePath%>static/js/lib/jquery.min.js"></script>
<script type="text/javascript" src="https://www.jq22.com/jquery/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="<%=basePath%>static/js/lib/bootstrap/bootstrap.min.js"></script>
<script type="text/javascript" src="<%=basePath%>static/js/lib/bootstrap/bootstrap-datetimepicker.js"></script>
<script type="text/javascript" src="<%=basePath%>static/js/lib/bootstrap/bootstrap-datetimepicker.zh-CN.js"></script>
<!--bui-->
<script src="<%=basePath%>static/plugins/bui/bui.js"></script>
<script type="text/javascript" src="<%=basePath%>static/js/lib/jquery.jqprint-0.3.js"></script>
<script type="text/javascript" src="<%=basePath%>static/js/index.js"></script>
<script type="text/javascript" src="<%=basePath%>static/js/date.js"></script>
<script type="text/javascript" src="<%=basePath%>static/js/reports/dayReports.js"></script>
</body>
</html>
